{% include 'admin/header.html' %}

<body>
  <!-- 页面loading -->
  <div id="lyear-preloader" class="loading">
    <div class="ctn-preloader">
      <div class="round_spinner">
        <div class="spinner"></div>
        <img alt="Loading" src="/static/v5/images/loading-logo.png">
      </div>
    </div>
  </div>
  <!-- 页面loading end -->

  <div class="lyear-layout-web">
    <div class="lyear-layout-container">
      {% include 'admin/nav.html' %}

      <main class="lyear-layout-content">
        <div class="container-fluid">
          <!-- 添加楼栋模块 -->
          <div class="row justify-content-center">
            <div class="col-lg-12">
              <div class="card shadow-sm">
                <!-- 提示信息 -->
                <div class="alert alert-info" role="alert">
                  在此页面，您可以添加新的楼栋信息。
                </div>

                <!-- 卡片标题部分 -->
                <header class="card-header bg-primary text-white d-flex justify-content-between align-items-center">
                  <h4 class="card-title mb-0">添加楼栋</h4>
                  <div>
                    <a href="{{ url_for('main.dorm_type') }}" class="btn btn-light btn-sm">返回列表</a>
                  </div>
                </header>

                <!-- 卡片内容部分 -->
                <div class="card-body">
                  <form action="{{ url_for('main.add_dorm_type') }}" method="POST">
                    <div class="form-group">
                      <label for="name">楼栋名称</label>
                      <input type="text" id="name" name="name" class="form-control" placeholder="请输入楼栋名称" required>
                    </div>
                    <div class="form-group text-center mt-4">
                      <button type="submit" class="btn btn-primary btn-lg">保存</button>
                    </div>
                  </form>
                </div>
              </div>
            </div>
          </div>
        </div>
      </main>
    </div>
  </div>

{% include 'admin/footer.html' %}
</body>
